<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="shared/css_js::header">
	<title>jQuery WeUI</title>
	<link rel="stylesheet" type="text/css" href="/static/css/weuicss/weui.min.css"/>
</head>

<body>

<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	<h1 class="mui-title"><font size="4"><b>预约详情</b></font></h1>
</header>

<div class="mui-content">
	<div >
		<div class="weui-cells " style="margin-top: 0px">
			<div class="weui-cell" style="line-height:2">
				<div class="weui-cell__hd"><i class="fa fa-chain-broken fa-lg" style="color: black;padding-top: 5px"></i>&nbsp;&nbsp;</div>
				<div class="weui-cell__bd">
					<h4 >预约号</h4>
				</div>
				<div class="weui-cell__ft" th:text="${servbook.bookseq}">1554556565</div>
			</div>
		</div>
		<div class="weui-cells__title" ></div><!--间隔一下-->
		<div class="weui-cells " style="margin-top: 0px">
			<div class="weui-cell" style="line-height:2">
				<div class="weui-cell__hd"><i class="fa fa-car fa-lg" style="color: black;padding-top: 5px"></i>&nbsp;&nbsp;</div>
				<div class="weui-cell__bd">
					<h4 >预约车牌号</h4>
				</div>
				<div class="weui-cell__ft" th:text="${servbook.carno}">1554556565</div>
			</div>
		</div>
		<div class="weui-cells__title" ></div><!--间隔一下-->
		<div class="weui-cells " style="margin-top: 0px">
			<div class="weui-cell" style="line-height:2">
				<div class="weui-cell__hd"><i class="fa fa-bank fa-lg" style="color: black;padding-top: 5px"></i>&nbsp;&nbsp;</div>
				<div class="weui-cell__bd">
					<h4 >预约门店</h4>
				</div>
				<div class="weui-cell__ft" th:text="${servbook.chnname}">1554556565</div>
			</div>
		</div>
		<div class="weui-cells__title" ></div><!--间隔一下-->
		<div class="weui-cells " style="margin-top: 0px">
			<div class="weui-cell" style="line-height:2">
				<div class="weui-cell__hd"><i class="fa fa-clock-o fa-lg" style="color: black;padding-top: 5px"></i>&nbsp;&nbsp;</div>
				<div class="weui-cell__bd">
					<h4 >预约日期</h4>
				</div>
				<div class="weui-cell__ft" th:text="${servbook.bookdate}+'   '+${servbook.booktime}">1554556565</div>
			</div>
		</div>
		<div class="weui-cells__title" ></div><!--间隔一下-->
		<div class="weui-cells weui-cell_access" style="margin-top: 0px">
			<div class="weui-cell" style="line-height:2">
				<div class="weui-cell__hd"><i class="fa fa-handshake-o fa-lg" style="color: black;padding-top: 5px"></i>&nbsp;&nbsp;</div>
				<div class="weui-cell__bd">
					<h4 style="margin-bottom: 0px">预约项目</h4>
				</div>
			</div>
		</div>
		<ul class="mui-table-view" th:each="list:${list}">
			<li class="mui-table-view-cell mui-media" style="line-height: 2">
				<a href="#" >
					<div class="weui-flex">
						<div class="weui-flex__item" style="flex-grow: 8">
							<div class="mui-media-body" style="white-space: normal">
								<p th:text="${list.servitemname}">更换机油</p>
							</div>
						</div>
						<div class="weui-flex__item" style="flex-grow: 1">
							<h4 th:if="${list.cnt==null}" >x 1</h4>
							<h4 th:if="${list.cnt!=null}" th:text="'x  '+${list.cnt}">x 1</h4>
						</div>
					</div>
				</a>
			</li>
		</ul>
		<div class="weui-cells__title" ></div><!--间隔一下-->
		<div class="weui-cells " style="margin-top: 0px">
			<div class="weui-cell" style="line-height:2">
				<div class="weui-cell__hd"><i class="fa fa-clock-o fa-lg" style="color: black;padding-top: 5px"></i>&nbsp;&nbsp;</div>
				<div class="weui-cell__bd">
					<h4 >创建时间</h4>
				</div>
				<div class="weui-cell__ft" th:text="${servbook.createtime}">1554556565</div>
			</div>
		</div>
	</div>

	<div class="weui-cells__title" align="center">没有再多内容啦</div><!--没有再多内容啦-->

</div>

</body>
<script>

</script>
</html>
